<template>
  <div class="container">
    <div class="banner">
      <service-product-banner
        :ServiceProductBannerData="ServiceProductBannerData"
      ></service-product-banner>
    </div>
    <div class="main">
      <service-product-first
        :ServiceProductFirstData="ServiceProductFirstData"
      ></service-product-first>
      <service-product-second
        :ServiceProductSecondData="ServiceProductSecondData"
      ></service-product-second>
    </div>
  </div>
</template>

<script>
import ServiceProductBanner from "../components/ServiceProduct/ServiceProductBanner.vue";
import ServiceProductFirst from "../components/ServiceProduct/ServiceProductFirst.vue";
import ServiceProductSecond from "../components/ServiceProduct/ServiceProductSecond.vue";
export default {
  name: "ServiceProduct",
  components: {
    ServiceProductBanner,
    ServiceProductFirst,
    ServiceProductSecond,
  },
  data() {
    return {
      ServiceProductBannerData: {
        title: "智农孪生一体化管控平台",
        smallTitle: {
          first: "数字农业大脑",
          second: "一县一品交易中心",
          third: "冷链数字化",
          fourth: "供销社业务监测平台",
        },
        bottom: [
          {
            icon: "el-icon-mobile-phone",
            title: "物联网数字终端",
            content: "Internet of Things digital terminal",
          },
          {
            icon: "el-icon-mobile-phone",
            title: "物联网数字终端",
            content: "Internet of Things digital terminal",
          },
          {
            icon: "el-icon-mobile-phone",
            title: "物联网数字终端",
            content: "Internet of Things digital terminal",
          },
        ],
      },
      ServiceProductFirstData: {
        imgUrl: require("../assets/images/serviceProduct/Rectangle54.png"),
        advantagesData: [
          {
            icon: "icon el-icon-set-up",
            title: "统一中心控制",
            content: "多类型物联网设备统一接入",
          },
          {
            icon: "icon el-icon-set-up",
            title: "统一中心控制",
            content: "多类型物联网设备统一接入",
          },
          {
            icon: "icon el-icon-set-up",
            title: "统一中心控制",
            content: "多类型物联网设备统一接入",
          },
          {
            icon: "icon el-icon-set-up",
            title: "统一中心控制",
            content: "多类型物联网设备统一接入",
          },
          {
            icon: "icon el-icon-set-up",
            title: "统一中心控制",
            content: "多类型物联网设备统一接入",
          },
          {
            icon: "icon el-icon-set-up",
            title: "统一中心控制",
            content: "多类型物联网设备统一接入",
          },
        ],
      },
      ServiceProductSecondData: {
        one: {
          num: "01",
          imgUrl: require("../assets/images/serviceProduct/01.jpg"),
          title: "数字大田",
          content:
            "数字大田配置“天地空”一体的智能感知系统，实时掌握气象、土壤墒情、作物长势、病虫害等田间农情数据，通过数字大田决策管理平台分析，精准实现灌溉施肥、农机作业等各项田间管理工作，并为农业服务人员提供如长势分析、产量预测、农事建议等各类决策支持。",
        },
        two: {
          num: "02",
          imgUrl: require("../assets/images/serviceProduct/02.jpg"),
          title: "数字大田",
          content:
            "数字大田配置“天地空”一体的智能感知系统，实时掌握气象、土壤墒情、作物长势、病虫害等田间农情数据，通过数字大田决策管理平台分析，精准实现灌溉施肥、农机作业等各项田间管理工作，并为农业服务人员提供如长势分析、产量预测、农事建议等各类决策支持。",
        },
        three: {
          num: "03",
          imgUrl: require("../assets/images/serviceProduct/03.jpg"),
          title: "数字大田",
          content:
            "数字大田配置“天地空”一体的智能感知系统，实时掌握气象、土壤墒情、作物长势、病虫害等田间农情数据，通过数字大田决策管理平台分析，精准实现灌溉施肥、农机作业等各项田间管理工作，并为农业服务人员提供如长势分析、产量预测、农事建议等各类决策支持。",
        },
        four: {
          num: "04",
          imgUrl: require("../assets/images/serviceProduct/04.jpg"),
          title: "数字大田",
          content:
            "数字大田配置“天地空”一体的智能感知系统，实时掌握气象、土壤墒情、作物长势、病虫害等田间农情数据，通过数字大田决策管理平台分析，精准实现灌溉施肥、农机作业等各项田间管理工作，并为农业服务人员提供如长势分析、产量预测、农事建议等各类决策支持。",
        },
      },
    };
  },
};
</script>

<style lang="less" scoped></style>
